<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:body>
        <ui:composition template="/index.xhtml">
            <ui:define name="content">
                <div>
                    <table border="0" class="job_data" cellpadding="5" cellspacing="1">
                        <thead>
                            <tr>
                                <th colspan="2" style="border-bottom: 1px solid #C1DAD7;">Job details</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="bd_td3" >Vacancy Title</td>
                                <td class="bd_td2"><h:outputText value="#{vacancyManagedBean.vacancyDetails.vacantyTitle}" /></td>
                            </tr>
                            <tr>
                                <td class="bd_td3">Experience</td>
                                <td class="bd_td2"><h:outputText value="#{vacancyManagedBean.vacancyDetails.experience}" /></td>
                            </tr>
                            <tr>
                                <td class="bd_td3">Positions</td>
                                <td class="bd_td2"><h:outputText value="#{vacancyManagedBean.vacancyDetails.numOfJob}" /></td>
                            </tr>
                            <tr>
                                <td class="bd_td3">Salary</td>
                                <td class="bd_td2"><h:outputText value="#{vacancyManagedBean.vacancyDetails.salary}" /></td>
                            </tr>
                            <tr>
                                <td class="bd_td3">DeadLine</td>
                                <td class="bd_td2">
                                    <h:outputText value="#{vacancyManagedBean.vacancyDetails.closeDate}">
                                        <f:convertDateTime pattern="MM/dd/yyyy" />
                                    </h:outputText>
                                </td>
                            </tr>
                        </tbody>
                    </table>

                </div>
                <div>
                    <table border="0" class="job_data">
                        <thead>
                            <tr>
                                <th colspan="2" style="border-bottom: 1px solid #C1DAD7;">Contact Infomation</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="bd_td3">Contact Name</td>
                                <td  class="bd_td2"> VLBT Company</td>
                            </tr>
                            <tr>
                                <td class="bd_td3">Phone</td>
                                <td  class="bd_td2">(84).33344455</td>
                            </tr>
                            <tr>
                                <td class="bd_td3">Email</td>
                                <td  class="bd_td2">vlbt@hotmail.com</td>
                            </tr>
                            <tr>
                                <td class="bd_td3" colspan="2">Apply Online</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </ui:define>
        </ui:composition>
    </h:body>
</html>

